<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="http://static.runoob.com/assets/vue/1.0.11/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			{{message}}
		
			<input type="text" name="" id="message" v-model="message"/>
				<ul>
					<li v-for="todo in infor">
						{{todo.text}}
					</li>
				</ul>
		</div>
		<script>
			new Vue({
				el:'#app',
				data:{
					message:"hello word!",
					infor:[
						{text:"freddy"},
						{text:"name"},
						{text:"sex"},
						{text:"jobs"}
					]
				}
			});
		</script>
	</body>
</html>
